<template>
  <!-- 组件根标签 -->
  <div>
    <h3>vuex 的模块moudles</h3>
    <h5>vuex的模块中namespaced:true 属性为true</h5>
    <div>1.app的vuex模块的数据基本使用: {{ $store.state.app.user }}}</div>
    <div>1.app的vuex模块的数据基本使用: {{ $store.state.app.user.uname }}}</div>
    <div>2.app的vuex模块的数据的硬射使用: {{ user }}}</div>
    <div>2.app的vuex模块的数据的硬射使用: {{ user.uname }}}</div>
  </div>
</template>
<script>
// 使用vuex中的模块中的mapState的数据时
import { mapState } from 'vuex'

export default {
  name: '',
  data () {
    return {}
  },
  methods: {},
  components: {},
  computed: {
    // 硬射的时候,在数组前面要加上模块的名字
    ...mapState('app', ['user'])
  }
}
</script>
<style lang="less" scoped></style>
